vue 如何获取 url 的参数

vue 如何获取 url 的参数

在 Vue 中，可以使用 this.$route.query 来获取当前页面的 URL 参数。这个属性返回一个对象，包含了所有的 URL 参数。

例如，假设你的 URL 是 http://example.com?name=John&age=25，你可以通过以下方式获取参数：

this.$route.query.name // 输出 "John"
this.$route.query.age // 输出 "25"

如果你需要获取路由中的动态参数，可以使用 this.$route.params 属性。

例如，假设你的路由定义为 /user/:id，你可以通过以下方式获取参数：

this.$route.params.id // 输出路由中的动态参数

请注意，在使用 $route.query 和 $route.params 之前，请确保在 Vue 组件中正确引入了 vue-router。